@fz10: 10px;
@fz12: 12px;
@fz14: 14px;
@fz16: 16px;
@color-h1: #111111;
@color-h2: #656565;
@color-h3: #919191;
@color-h4: #DF0011;
@color-bg: #f3f4f5;
@theme-color: #DF0011;
.search {
  height: 34px;
  padding: 0 12px;
  border-radius: 17px;
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0px 0px 8px 1px rgba(230, 0, 18, 0.04);
  font-size: 14px;
  
  &__l {
    flex-shrink: 0;
    display: flex;
    align-content: center;
    .licon1 {
      width: 20px;
      height: 20px;
      margin-right: 10px;
    }
  }
  &__c {
    flex: 1;
    display: flex;
    align-content: center;
    .input {
      flex: 1;
      color: @color-h2
    }
  }
  &__r{
    padding-left: 12px;
    text-align: center;
    border-left: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    .rtext{
      color: @color-h1;
    }
    .ricon{
      width: 20px;
      height: 20px;
    }
  }
}
.placeholder{
  color: @color-h3;
}